<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="../include/taglib.jsp"%>
<%
    response.setHeader("Cache-Control", "no-store");
			response.setHeader("Pragrma", "no-cache");
			response.setDateHeader("Expires", 0);
			String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>应用系统健康报表</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta name="Keywords" content=" " />
		<meta name="Description" content=" " />
		<%@ include file="../include/common.jsp"%>

		<script type="text/javascript"
			src="${pageContext.request.contextPath}/jsp/report/jquery.table.merge-1.0.js"></script>
		<script type="text/javascript"
			src="${pageContext.request.contextPath}/resources/charts/FusionCharts.js"></script>
		<script type="text/javascript"
			src="${pageContext.request.contextPath}/resources/charts/FusionCharts.jqueryplugin.js"></script>
	
		<link type="text/css" rel="stylesheet" href="merge.css" />

		<script type="text/javascript">
			var hostChart;
			//var rcid = document.getElementsByName(redioData);
			function initHostChart(){
				$.ajax({
					url : '${pageContext.request.contextPath}/report/host-health-report!hostHealthChart.action', 
					type : 'POST',
					dataType : "json",
					data : {},
					success : function(data){
						if(typeof hostChart == undefined || hostChart == null){
							hostChart =  new FusionCharts( "${pageContext.request.contextPath}/resources/charts/MSColumn3D.swf", "ChartId", "100%", "400", "0", "0");
					 		hostChart.setJSONData(data);
							hostChart.render("chartdiv");
						}else{
							hostChart.setJSONData(data);
						}
					}
				});
			}
			
			function getChartData(chartid){
				$.ajax({
					url : '${pageContext.request.contextPath}/report/host-health-report!hostHealthChart.action?chartid='+chartid, 
					type : 'POST',
					dataType : "json",
					data : {},
					success : function(data){
						hostChart =  new FusionCharts( "${pageContext.request.contextPath}/resources/charts/MSColumn3D.swf", "ChartId", "100%", "400", "0", "0");
					 	hostChart.setJSONData(data);
						hostChart.render("chartdiv");
					}
				});
			}
			
			$().ready(function() {
				initHostChart();
				
				$('#process').mergeCell({
					url : '${pageContext.request.contextPath}/report/host-health-report!hostHealthReport.action',
					cols : 31,
					head_rows : 3,
					head_cols : 1,
					//colthreds:[4,7],//高亮显示的列ID
					//colcss:[2,3,4],
					evenodd : true
				});
			});
		</script>
	</head>
	<body>
		<div style="width: 98%; text-align: center;">
			<h1>
				应用系统健康报表
			</h1>
		</div>
		<div id="redioChart" align="center">
			<input type="radio" name="redioData" value="1" checked="checked" onclick="getChartData(this.value)"></input><tr>基础资源&nbsp;&nbsp;</tr>
			<input type="radio" name="redioData" value="2" onclick="getChartData(this.value)"></input><tr>应用环境&nbsp;&nbsp;</tr>
			<input type="radio" name="redioData" value="3" onclick="getChartData(this.value)"></input><tr>应用接口&nbsp;&nbsp;</tr>
			
		</div>
		<div id="chartdiv" align="center"></div>
		<table id="process" class="report_table" width="98%" cellpadding="0"
			cellspacing="0">
			<tbody>
				<tr>
					<td> 应用系统 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 基础资源 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用环境 </td>
					<td> 应用接口 </td>
					<td> 应用接口 </td>
					<td> 应用接口 </td>
				</tr>
				<tr>
					<td> 应用系统 </td>
					<td> 主机 </td>
					<td> 主机 </td>
					<td> 主机 </td>
					<td> 数据库 </td>
					<td> 数据库 </td>
					<td> 数据库 </td>
					<td> 中间件 </td>
					<td> 中间件 </td>
					<td> 中间件 </td>
					<td> 虚拟化 </td>
					<td> 虚拟化 </td>
					<td> 虚拟化 </td>
					<td> 其他 </td>
					<td> 其他 </td>
					<td> 其他 </td>
					<td> 进程 </td>
					<td> 进程 </td>
					<td> 进程 </td>
					<td> 端口 </td>
					<td> 端口 </td>
					<td> 端口 </td>
					<td> 文件 </td>
					<td> 文件 </td>
					<td> 文件 </td>
					<td> 其他 </td>
					<td> 其他 </td>
					<td> 其他 </td>
					<td> 应用接口 </td>
					<td> 应用接口 </td>
					<td> 应用接口 </td>
				</tr>
				<tr>
					<td> 应用系统 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
					<td> 总数 </td>
					<td> 正常 </td>
					<td> 异常 </td>
				</tr>
			</tbody>
		</table>
	</body>
</html>